$(function(){
    // 全选与取消全选
    $('.checkall').change(function(){
        // console.log($(this).prop('checked'));
        $('.checkbox,.checkall').prop('checked',$(this).prop('checked'))
        if($(this).prop('checked')){
            $('li').addClass('change')
        }else{
            $('li').removeClass('change')
        }
    })
    $('.checkbox').change(function(){
        if($('.checkbox:checked').length===$('.checkbox').length){
            $('.checkall').prop('checked',true)
        }else{
            $('.checkall').prop('checked',false)
        }
        if($(this).prop('checked')){
            $(this).parent('li').addClass('change')
        }else{
            $(this).parent('li').removeClass('change')
        }
        
    })
    // 购物车的加减
    $('.add').click(function(){
        var num = $(this).siblings('.itxt').val()
        num++
        $(this).siblings('.itxt').val(num)
        // 修改小计
        var price = $(this).parent().siblings('.danjia').html().substr(1)
        var p = parseFloat(price * num).toFixed(2)
        $(this).parent().siblings('.xiaoji').html('￥'+p)
        getSum()
        
    })
    $('.min').click(function(){
        var num = $(this).siblings('.itxt').val()
        if(num==1){
            return false
        }
        num--
        $(this).siblings('.itxt').val(num)
        var price = $(this).parent().siblings('.danjia').html().substr(1)
        var p = parseFloat(price * num).toFixed(2)
        $(this).parent().siblings('.xiaoji').html('￥'+p)
        // console.log(num);
        getSum()
    })
    $('.itxt').change(function(){
        var num = $(this).val()
        var price = $(this).parent().siblings('.danjia').html().substr(1)
        var p = parseFloat(price * num).toFixed(2)
        $(this).parent().siblings('.xiaoji').html('￥'+p)
        getSum()
    })
    getSum()
    // 统计件数和总价
    function getSum(){
        let count=0
        let money =0
        $('.itxt').each(function(i,ele){
            count+=parseInt($(ele).val())
        })
        $('.right em').text(count)
        $('.xiaoji').each(function(i,ele){
            money+=parseInt($(ele).text().substr(1))
        })
       $('.zongjia').text('￥'+money)
    }

    // 删除模块
    // 删除按钮删除
    $('a').click(function(){
        $(this).parents('li').remove()
        getSum()
    })
    // 选中的删除
    $('.xuanzhong').click(function(){
       $('.checkbox:checked').parent('li').remove()
       getSum()
    })
    // 删除全部
    $('.clear').click(function(){
        $('.gouwu').remove()
        getSum()
    })

    
})